<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/header::commonlinks(~{::title},~{::link})">
    <title>文章管理</title>
    <link rel="stylesheet" th:href="@{/admin/article/article.css}">
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
<div class="wrapper">
    <div th:include="~{common/header::topnavbar}"></div>
    <!-- Main Sidebar Container -->
    <div th:include="common/header::leftaside(activename='article')"></div>
    <!-- 内容区 -->
    <div class="content-wrapper">
        <!--内容区头部 -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="card">
                    <div class="tab">
                        <div class="tab-head">
                            <ul>
                                <li class="allarticle active">全部文章</li>
                                <li class="isRelli">已发布</li>
                                <li class="noRelli">未发布</li>
                                <a th:href="@{/editor/index}"><button class="btn addbtn btn-primary fas fa-plus-square">新增文章</button></a>
                            </ul>
                        </div>

                        <div class="list">
                            <!--                            文章页-->
                            <div class="main blogger selected">
                                <div class="blogger-list mt-3">
                                </div>
                            </div>
                            <div id="delmodal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="deleModalLabel"
                                 aria-hidden="true">
                                <form  class="needs-validation validateForm" novalidate>
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 class="modal-title" id="deleModalLabel">确认删除</h4>
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="delebody"><i class="fa-exclamation-circle fas"></i>删除后将无法恢复，确定吗</div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-info" data-dismiss="modal"><i class="fas fa-meh">我再想想</i></button>
                                                    <button type="button" class="btn btn-primary valid-button delebtn"><i class="fas fa-check">狠心确定</i></button>
                                                </div>
                                            </div><!-- /.modal-content -->
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!--                            收藏页-->
                            <div class="main ">
                                <div class="bloggercomment-list mt-3">

                                </div>
                            </div>
                            <div class="main ">
                                <div class="bloggernorel-list mt-3">

                                </div>

                            </div>
                        </div>
                    </div>

                    <div id="pagination"></div>

                </div>
            </div><!-- /.container-fluid -->
        </div>
        <!-- /内容区头部 -->

        <!-- 内容区主体 -->

        <!-- /内容区主体 -->
    </div>
    <!-- /内容区 -->
    <!-- 右侧栏 -->
    <div th:include="~{common/header::rightaside}"></div>
    <!-- /右侧栏 -->
    <!-- 底部栏 -->
    <div th:include="~{common/footer::footer}"></div>
    <!-- /底部栏 -->
<!--    公有的js-->
    <div th:replace="common/header::commonjs(~{::script})">
<!--        私有的js-->
        <script th:src="@{/plugins/pagination/jquery.pagination.js}"></script>
        <script th:src="@{/admin/article/index.js}"></script>
    </div>
</div>
</body >
</html>